// pages/store/store.js

let app=getApp();


Page({

    /**
     * 页面的初始数据
     */
    data: {
       
        goodsrecommend:[{
            index:1,
            name:"酒店同款｜ 亚朵生活非温感记忆棉床垫",
            price:2099,
            pictures:"/images/IMG_9099.jpg"
        },{
            index:2,
            name:"åTOUR PLANET | 酒店同款慢回弹记忆棉枕头",
            price:163,
            pictures:"/images/IMG_9100.jpg"
        }],
        
       pics1:"/images/IMG_9099.jpg",
       pics2:"/images/IMG_9100.jpg",

       nbFrontColor: '#000000',
       nbBackgroundColor: '#ffffff',
        
        goods:app.globalData.goods,

        navState: 0,//导航状态

  

    },

  


  //监听滑块
  bindchange(e) {
     console.log(e.detail.current)
    let index = e.detail.current;
    this.setData({
      navState: index
    })
    // 执行方法 
    this._calculateContainerHeight();
  },
  //点击导航
  navSwitch: function (e) {
    // console.log(e.currentTarget.dataset.index)
    let index = e.currentTarget.dataset.index;
    this.setData({
      navState: index
    })
    // 执行方法 
    this._calculateContainerHeight();
  },
  onLoad: function (options) {
    this._calculateContainerHeight();
  },




            
  _calculateContainerHeight() {
    var that = this;
    var query = wx.createSelectorQuery();
    if (this.data.navState == 0) {
      query.select('.style-roll_one').boundingClientRect(function (rect) {
        that.setData({
          // 获取要循环标签的高度
          widHeight: rect.height + 100 + "px"
        })
      }).exec();
    } else if (this.data.navState == 1) {
      query.select('.style-roll_two').boundingClientRect(function (rect) {
        that.setData({
          // 获取要循环标签的高度
          widHeight: rect.height + 100 + "px"
        })
      }).exec();
    } else {
      query.select('.style-roll_three').boundingClientRect(function (rect) {
        that.setData({
          // 获取要循环标签的高度
          widHeight: rect.height + 100 + "px"
        })
      }).exec();
    }
  },

    /**
     * 生命周期函数--监听页面加载
     */


    /**
     * 生命周期函数--监听页面初次渲染完成
     */
    onReady() {

    },

    /**
     * 生命周期函数--监听页面显示
     */
    onShow() {

    },

    /**
     * 生命周期函数--监听页面隐藏
     */
    onHide() {

    },

    /**
     * 生命周期函数--监听页面卸载
     */
    onUnload() {

    },

    /**
     * 页面相关事件处理函数--监听用户下拉动作
     */
    onPullDownRefresh() {

    },

    /**
     * 页面上拉触底事件的处理函数
     */
    onReachBottom() {

    },

    /**
     * 用户点击右上角分享
     */
    onShareAppMessage() {

    }

})